<html lang="en"><head>
    <meta charset="utf-8">
    <title>吃桌文化</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/base.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/swiper.js"></script>
  </head>
  <body>
    <div class="con">
        <div class="f_title">
            <div class="w1200">
                <span class="f_txt">吃桌文化</span>
            </div>
        </div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background: url(./images/01.png) 50% -40px no-repeat;">
                    <div class="_2bUD1c8D">
                       <div>
                            <div class="s1_txt">
                                <p>我们只为用户找到适合自己的圈子</p>
                                <p>我们只为用户寻求真实的社交体验</p>
                            </div>
                            <div class="s1_txt">
                                <p>不论是朋友圈，还是兴趣圈</p>
                                <p>不论是情感交流，还是扩展交际</p>
                                <p>这里总有适合你的交际圈</p>
                            </div>
                            <div class="s1_txt">
                                <p>用一本正经我态度，打造轻松愉快的社交体验</p>
                                <p>好玩的，从吃桌开始</p>
                            </div>
                       </div>
                       <div class="bg2">
                           <img src="./images/bg2.png" alt="">
                       </div>
                    </div>
                </div>
            <div class="swiper-slide" style="background: url(./images/02.png) 50% -40px no-repeat;">
                <div class="_2bUD1c8D">
                    <div>
                         <div class="s1_txt">
                             <p>还在无趣的对着你的天花板发呆么？</p>
                             <p>还在忧愁自己的朋友圈越来越窄么？</p>
                             <p>还在烦扰玩个剧本杀不容易约到朋友么？</p>
                             <p>还不快来一起玩耍，也许你的那个TA也在这里</p>
                         </div>
                    
                    </div>
                    <div class="bg2">
                        <img src="./images/bg2.png" alt="">
                    </div>
                 </div>
            </div>
            <div class="swiper-slide" style="background: url(./images/03.png) 50% -40px no-repeat;">
                <div class="_2bUD1c8D">
                    <div>
                         <div class="s1_txt">
                             <p>反复打磨，追求完美</p>
                             <p>精雕细琢，力争卓越</p>
                             <p>产品开发进行中，尽请期待...</p>
                         </div>
                    
                    </div>
                    <div class="bg2">
                        <img src="./images/bg2.png" alt="">
                    </div>
                 </div>
            </div>
            </div>
            <div class="swiper-pagination"></div>
          </div>
          <div class="w1200 copyright" id="footer">
            <p>Copyright©  2021&nbsp; 厦门吃桌文化有限公司 <a href="./page/footerImg.html" target="_blank">营业执照</a></p>
                <!-- 增值电信业务经营许可证：<a href="javascript:;" target="_blank"> 闽B2-20050063号</a> 
                经营许可证：<a href="javascript:;" target="_blank"> 闽B1.B2-20100037号</a> </p> -->
                <!-- <img alt="" src="/upload/images/gallery/4/m/167_src.png"> 
                <p><a href="javascript:;" target="_blank">闽公网安备 35020302000738号</a>
                    </p> -->
          </div>
    </div>
    <script>
        var swiper = new Swiper('.swiper-container', {
            // autoplay: true,
            direction: 'vertical',
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            mousewheel:true,
            mousewheel:{
                releaseOnEdges:true
            },
            on:{
                slideChange:function(){
                    if(this.activeIndex==2){
                        $('#footer').css({'display':'block'})
                    }else{
                        $('#footer').css({'display':'none'})
                    }
                }
            }
        });
    </script>
  
  </body></html>